<!doctype html>
<html><html  xmlns:th="http://www.thymeleaf.org"
             xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"><head>
<meta charset="UTF-8">
<title>梓树下听昕阳</title>
<meta name="keywords" content="梓树下听昕阳" />
<meta name="description" content="梓树下听昕阳" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/css/base.css" rel="stylesheet">
<link href="/css/index.css" rel="stylesheet">
<link href="/css/m.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="/js/modernizr.js"></script>
<![endif]-->
<script src="/js/scrollReveal.js"></script>
</head>
<body>
<header>
  <div class="logo"><a href="/">梓树下听昕阳</a></div>
  <nav id="nav">
      <ul>
          <li><a href="/">网站首页</a></li>
          <li><a href="/users/share">我的相册</a></li>
          <li><a href="/users/user">个人中心</a></li>
          <li shiro:hasRole="admin"><a href="/users/admin">后台管理</a></li>
          <li><a href="/users/editor">写博客</a></li>
          <li><a href="/logout">退出登录</a></li>
      </ul>
  </nav>
  <script>
window.onload = function ()
{
var obj=null;
var As=document.getElementById('nav').getElementsByTagName('a');
obj = As[0];
for(i=1;i<As.length;i++){if(window.location.href.indexOf(As[i].href)>=0)
obj=As[i];}
obj.id='selected'
}
</script> 
</header>
<article>
  <div class="picbox">
    <ul id="userPhotoA">
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/t03.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b04.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/v1.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/mb02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" >
        <a href="/">
          <i><img src="/images/text01.jpg"></i>
          <div class="picinfo">
            <h3>个人博客模板《繁花》</h3>
            <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span>
          </div>
        </a>
      </li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/v2.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b06.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
    </ul>
    <ul id="userPhotoAA">
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/zd01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b03.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/text02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/v1.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/mb02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/t01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/mb05.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b05.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
    </ul>
    <ul id="userPhotoAAA">
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/text02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/v1.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/mb02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/text01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/t03.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b04.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
    </ul>
    <ul id="userPhotoAAAA">
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="http://songhangfei.oss-cn-beijing.aliyuncs.com/songsong/admin/qq.png"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/b03.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/text02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/v1.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/mb02.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="/images/t01.jpg"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="http://songhangfei.oss-cn-beijing.aliyuncs.com/songsong/admin/qq.png"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="http://songhangfei.oss-cn-beijing.aliyuncs.com/songsong/admin/qq.png"></i>
        <div class="picinfo">
          <h3>个人博客模板《繁花》</h3>
          <span>好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。</span> </div>
        </a></li>
    </ul>
  </div>
</article>
<footer>
  <p>Design by <a href="http://www.yangqq.com" target="_blank">梓树下听昕阳</a> <a href="/">豫ICP备19002794号</a></p>
</footer>
<script>
	if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
		(function(){
			window.scrollReveal = new scrollReveal({reset: true});
		})();
	};
</script>
<script src="/js/userPhoto.js"></script>
</body>
</html>
